.news-title {
  margin: auto;
  text-align: center;
  color: #034ea2;
  margin-bottom: 110px;
  display: flex;
  justify-content: center;
  align-items: center;

  div {
    font-size: 38px;
    color: #04277a;
    margin: 0 36px;
    letter-spacing: 2px;
  }

  img:first-child {
    transform: rotateZ(360deg);
  }

  img:last-child {
    transform: rotateZ(180deg);
  }
}

.magic-cube {
  position: relative;
  height:847px;
  width: 1706px;

  background-image: url('../../../assets/image/home/magic-cube/magic.jpg');
  background-repeat: no-repeat;


  .btn-wrap{
    position: relative;

    a{
      /*border:1px solid red;*/
      display:block; position:absolute;
    }

    .btn-publish{
      left: 486px; top: 380px; width: 320px; height: 315px;
      transform: rotate(23deg) skew(24deg, -5deg);
    }
    .btn-science{
      left: 730px; top: -50px; width: 240px; height: 360px;
      transform: rotate(-44deg) skew(29deg, 0deg);
    }
    .btn-evolution{
      left: 902px; top: 370px; width: 400px; height: 240px;
      transform: rotate(-53deg) skew(-46deg, 0deg);
    }

    .btn-publish-text{
      left: 0; top: 390px; width: 430px; height: 206px;
    }
    .btn-science-text{
      right:0; top: 18px; width: 436px;height: 266px;
    }
    .btn-evolution-text{
      right:0; top:548px; width: 350px; height: 298px;
    }

  }

}





@media screen and (min-width: 1600px) and (max-width: 1920px){
  .news-title, .magic-cube{ zoom: 1; }
}
@media screen and (min-width: 1366px) and (max-width: 1600px){
  .news-title, .magic-cube{ zoom: 0.7; }
}
@media screen and (min-width: 1280px) and (max-width: 1366px){
  .news-title, .magic-cube{ zoom: 0.67; }
}
@media screen and (max-width: 1280px){
  .news-title, .magic-cube{ zoom: 0.67; }
}